<!--
 * @Author: xuzehan 123@qq.com
 * @Date: 2023-04-27 15:41:29
 * @LastEditors: xuzehan 123@qq.com
 * @LastEditTime: 2023-05-12 11:24:29
 * @FilePath: \ant-design-vue-jeecg-master\src\views\networkStatus\modules\components\missileTerminal1.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div>
    <div class="interStatus">
      <h3>在网状态: {{ status }}</h3>
      <a-button type="primary" icon="search"> 状态查询 </a-button>
    </div>
    <div class="infoBox">
      <a-descriptions title="User Info">
        <a-descriptions-item label="UserName"> Zhou Maomao </a-descriptions-item>
        <a-descriptions-item label="Telephone"> 1810000000 </a-descriptions-item>
        <a-descriptions-item label="Live"> Hangzhou, Zhejiang </a-descriptions-item>
        <a-descriptions-item label="Remark"> empty </a-descriptions-item>
        <a-descriptions-item label="Address">
          No. 18, Wantang Road, Xihu District, Hangzhou, Zhejiang, China
        </a-descriptions-item>
      </a-descriptions>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      status: '在网',
    }
  },
}
</script>

<style lang="less" scoped>
.interStatus {
  display: flex;
  justify-content: start;
  h3 {
    margin-right: 20px;
  }
}
</style>
